// 封装 axios步骤
// 1,导入aixos
import axios from 'axios'
import store from '@/store' // 不要在除了组件之外的地方使用useStore函数
// 2.实例化 axios 设置基地址与超超时时间
const instance = axios.create({
  baseURL: 'http://pcapi-xiaotuxian-front-devtest.itheima.net',
  timeout: 5000
})
// 3.设置请求拦截器 做token的注入
instance.interceptors.request.use((config) => {
  // 发送请求之前做些什么？
  // config添加一个token 必须return 如果不return请求会缺失参数
  // 1. 携带token
  const token = store.state.user.profile.token
  // 请求header中添加
  if (token) {
    config.headers.Authorization = `Bearer ${token}`
  }
  return config
}, (error) => {
  // 对请求错误的参数做一些处理
  return Promise.reject(error)
})

// 4.设置响应拦截器
instance.interceptors.response.use((response) => {
  // 当后端不以2xx开头作为接口是否成功，前端要怎么做？ 答：前端自己判断 自行抛出错误
  // 2xx范围内的状态码都会触发该函数
  // 对响应成功数据做点什么
  return response
}, (error) => {
  // 超出 2xx范围的状态码都会触发该函数
  // 对响应错误数据做点什么
  return Promise.reject(error)
})

/* 封装一个请求函数 作用是为了适配 get或post请求 简化请求参数
  function request(url,method,data){
    //完成一个兼容get和post的请求
  }
  request('a.com','GET',{name:'cp'}).then(res=>{})
  request('b.com','POST',{name:'cp'}).then(res=>{})
*/
export function request (url, method, data) {
  return instance({
    url,
    method,
    // 这里的key不是固定的 根据方法动态改变的 get- params post--data
    [method.toLowerCase() === 'get' ? 'params' : 'data']: data
  })
}
